<template>
	<view class="container">
		<view class="detail">
			<view class="detail-item">
				<text>姓名：</text>
				<text>张三</text>
			</view>
			<view class="detail-item">
				<text>性别：</text>
				<text>男</text>
			</view>
			<view class="detail-item">
				<text>身份证：</text>
				<text>9486898465489746845</text>
			</view>
			<view class="detail-item">
				<text>成绩：</text>
				<text>100分</text>
			</view>
			<view class="detail-item">
				<text>考试时长：</text>
				<text>19分钟</text>
			</view>
			<view class="detail-item">
				<text>总学习时间：</text>
				<text>190分钟</text>
			</view>
		</view>
		<view class="cout">
			<text>模拟考试档案记录 13 次</text>
			<text> 查看</text>
		</view>
		<view class="cout">
			<text>正式考试档案记录 13 次</text>
			<text> 查看</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		// 注册组件
		components: {

		},
		methods: {
			clickDetail(e) {
				this.$tab.navigateTo('/pages/work/datacenter/studentDetail?id=' + e.id)
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: #fff;
	}

	.container {
		width: calc(100vw - 40rpx);
		height: auto;
		margin: 0 auto;
		.detail{
			margin-top: 20rpx;
			width: 100%;
			color: #FFFFFF;
			border-radius: 20rpx;
			background: #508CFF;
			box-shadow: 0px 2px 34px 5px rgba(156,193,220,0.25);
			padding: 30rpx;
			text{
				line-height: 60rpx;
				font-weight: bold;
			}
			text:first-child{
				display: inline-block;
				width: 200rpx;
			}
		}
		.cout{
			width: 100%;
			margin-top: 30rpx;
			background: #FF9A50;
			border-radius: 10px 10px 10px 10px;
			padding: 20rpx;
			text{
				color: #fff;
				display: block;
				line-height: 50rpx;
				text-align: center;
			}
			text:first-child{
				font-weight: bold;
			}
		}
	}


</style>
